<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Facelet Title</title>
        <h:outputStylesheet library="css" name="style.css"/>
        <h:outputStylesheet library="css" name="960.css"/>
        <h:outputStylesheet library="css" name="text.css"/>
        <h:outputStylesheet library="css" name="reset.css"/>
    </h:head>
    <h:body>
        <div id="body" class="container_12">
            <div id="header" class="grid_12">
                <div id="logo" class="grid_4">
                    <a href="index.xhtml"><img src="image/logo.jpg" width="250" height="70" alt="ManTech-logo"/>
                    </a>
                </div>
                <div>
                    <div class="grid_2 alpha"><p>Introduction</p></div>
                    <div class="grid_2"><p>About me</p></div>
                    <div class="grid_2"><p>Portfolio</p></div>
                    <div class="grid_2 omega"><p>Contact</p></div>
                </div>
            </div>
            <div id="main" class="container_12">
                <div id="wrapper" class="grid_12">
                    <img src="image/connecting.jpg" width="100%" height="200px" alt="wrapper1"/>

                </div>
                <div id="content" class="grid_7 alpha suffix_2 ">
                    <div class="grid_7">
                        <h1>List complaint</h1>
                        <ul>
                            <li>hehe</li>
                            <li>hihi</li>
                            <li>hoho</li>

                        </ul>
                        <br/>
                        <hr />
                        <br/>
                    </div>
                    <div class="grid_7">
                        <h1>List complaint</h1>
                        <ul>
                            <li>hehe</li>
                            <li>hihi</li>
                            <li>hoho</li>
                        </ul>
                    </div>
                </div>
                <div id="sidebar" class="grid_3 push_1">
                    <h:inputText class="txt"/>
                    <h:commandButton value="Search" class="btn"/>
                    <br/>
                    <br/>
                    <hr/>
                    <table class="tbl">
                        <tr>
                            <td>Username :</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td><h:inputText/></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>Password :</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td><h:inputSecret/></td>
                            <td></td>
                        </tr>   
                        <tr>
                            <td><br/><h:commandButton value="Login"/></td>
                            <td></td>
                        </tr>
                    </table>

                </div>
            </div>
            <div id="footer" class="grid_12">
                <p style="font-style: italic; text-align: center">ManTech HelpDesk 2013. Copyright© Group 2. </p>

            </div>
        </div>
    </h:body>
</html>

